	#wrap{width:100%;height:100%;display:flex;justify-content: space-around;align-items: center;flex-wrap:  wrap;background:#000;color:#4cd964;padding-top: 45px;padding-bottom: 45px;}
	#wrap>div{height: 40%;width: 46%;border: 1px solid #CCCC2C;text-align:  center;}
	#img1 {
	}
	#wrap>div>div {
	    display:  inline-block;
	    position:  relative;
	    color: #fff;
	}
	div[data-no] {
	    display:  inline-block;
	    width: 74px;
	    height:  60px;
	    border:  1px solid #159A4A;
	    position: absolute;
	    overflow:  hidden;
	}
	
	span[data-after]{width:22px;height:22px;border: 1px solid #fff;border-radius:76px;display: inline-block;/* margin-bottom: 3px; *//* left:50%; *//* top:50%; *//* margin-left:-11px; */margin-top: 5px;z-index: 99;}
	#wrap b{/* top: -23px; */position:absolute;min-width: 76px !important;left:0;bottom: 0;display:  inline-block;/* height:38px; */line-height: 24px;white-space:nowrap;/* display:none; */width:  100%;border-top: 1px solid #4cd964;font-size: 12px;}
	
	#op1, #op2,#op3 {
	    left:  1px;
	}
	
	#op1 {
	    top: 14%;
	}
	
	#op2 {
	    top: 45%;
	}
	
	#op3 {
	    top: 74%;
	}
	
	#op4, #op5,#op6,#op7 {
	    right: 1px;
	}
	
	#op4 {
	    top: 6%;
	}
	
	#op5 {
	    top: 30%;
	}
	
	#op6 {
	    top: 54%;
	}
	
	#op7 {
	    top: 77%;
	}
	#op8,#op9,#op10 {
	    left: -7%;
	}
	
	#op8 {
	    top: 10%;
	}
	
	#op9 {
	    top: 38%;
	}
	
	#op10 {
	    top: 67%;
	}
	
	#op11, #op12, #op13, #op14, #op15, #op16 {
	    bottom: 1%;
	}
	
	#op16 {
	}
	
	#op11 {
	    left: 10%;
	}
	
	#op12 {
	    left: 25%;
	}
	
	#op13 {
	    left: 41%;
	}
	
	#op14 {
	    left: 57%;
	}
	
	#op15 {
	    left: 74%;
	}
	
	#op16 {
	    left: 90%;
	}
	#op17, #op18, #op19, #op20, #op21, #op22, #op23, #op24, #op25, #op26 {
	    top: -10%;
	}
	
	#op17,#op27,#op37,#op47 {
	    left: 0.5%;
	}
	
	#op18,#op28,#op38,#op48 {
	    left: 10.5%;
	}
	
	#op19,#op29,#op39,#op49 {
	    left: 20.5%;
	}
	
	#op20,#op30,#op40,#op50 {
	    left: 30.5%;
	}
	
	#op21,#op31,#op41,#op51 {
	    left: 40.5%;
	}
	
	#op22,#op32,#op42,#op52 {
	    left: 50.5%;
	}
	
	#op23,#op33,#op43,#op53 {
	    left: 60.5%;
	}
	
	#op24, #op34,#op44,#op54 {
	    left: 70.5%;
	}
	
	#op25,#op35,#op45,#op55 {
	    left: 80.5%;
	}
	
	#op26,#op36,#op46,#op56 {
	    left: 90.5%;
	}
	
	#op27,#op28,#op29,#op30,#op31,#op32,#op33,#op34,#op35,#op36{bottom: -12%;}
	
	#op47,#op48,#op49,#op50,#op51,#op52,#op53,#op54,#op55,#op56 {bottom: 0%;}
	#op37,#op38,#op39,#op40,#op41,#op42,#op43,#op44,#op45,#op46 {top: 0%;}
	h1 {
	    position: absolute;
	    text-align: center;
	    top: 0;
	    height:  45px;
	    line-height:  45px;
	    color: #18B055;
	    width:  100%;
	    font-size: 32px;
	    font-family: cursive;
	    font-weight:  bolder;
	}
	#wrap>div:after {
	    content: attr(data-after);
	    position:  absolute;
	    top: -10%;
	    width: 100%;
	    left:  0;
	    color: #19b051;
	    font-size:  18px;
	}
	.layui-row.map-tip-info{position:absolute;top: 20px;right: 8%;padding-left: 4px;padding: 8px;color: #fff;border: 1px solid #18b055;}
	.layui-row.map-tip-info ul>li span{display:inline-block;width: 80px;height:20px;text-align: left;line-height:20px;text-indent: 10px;}
	.light-up{animation:flicker 1.1s infinite normal;animation-delay:0s;animation-timing-function:linear;background: red !important;}
	.light-up-monitor{animation:monitor 1.1s infinite normal;animation-delay:0s;animation-timing-function:linear}
	
	.layui-row.map-tip-info ul>li i{display:inline-block;width:20px;height:20px;border-radius:50%;border:1px solid #21da50}
	@keyframes flicker{0%{box-shadow:none;border:1px solid red}
	100%{box-shadow:12px 12px 80px 12px red}
	}
	@keyframes flicker2{
	   1%{background: #000;}
	   80%{background: #000;}
	   95%{background: #18B055;}
	}
	@keyframes monitor{0%{box-shadow:none}
	100%{box-shadow:1px 1px 20px 2px #0f0}
	}
	.layui-row.map-tip-info ul li{display:flex;justify-content:flex-start;align-items:center;height:30px;float:  left;}
	.light-up-d{background:red;border:none!important;cursor:  pointer;}
	span.light-up-d+b {
	    animation: flicker2 2s 0s infinite;
	    display: flex;
	    justify-content:  center;
	    color: #fff;
	    background: #18B055;
	}
	#timer{margin-left:1em;position:  absolute;bottom: 1em;right: 1em;color: yellow;}
